<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主要内容区main</title>
<link href="/static/admin/css/css.css" type="text/css" rel="stylesheet" />
<link href="/static/admin/css/main.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="/static/admin/images/main/favicon.ico" />
  <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
  <style>
body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
#searchmain{ font-size:12px;}
#search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF}
#search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
#search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
#search form input.text-but{height:24px; line-height:24px; width:55px; background:url(images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
#search a.add{ background:url(images/main/add.jpg) no-repeat 0px 6px; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
#search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
#main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
#main-tab th{ font-size:12px; background:url(images/main/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
#main-tab td{ font-size:12px; line-height:40px;}
#main-tab td a{ font-size:12px; color:#548fc9;}
#main-tab td a:hover{color:#565656; text-decoration:underline;}
.bordertop{ border-top:1px solid #ebebeb}
.borderright{ border-right:1px solid #ebebeb}
.borderbottom{ border-bottom:1px solid #ebebeb}
.borderleft{ border-left:1px solid #ebebeb}
.gray{ color:#dbdbdb;}
td.fenye{ padding:10px 0 0 0; text-align:right;}
.bggray{ background:#f9f9f9; font-size:14px; font-weight:bold; padding:10px 10px 10px 0; width:120px;}
.main-for{ padding:10px;}
.main-for input.text-word{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; padding:0 10px;}
.main-for select{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666;}
.main-for input.text-but{ width:100px; height:40px; line-height:30px; border: 1px solid #cdcdcd; background:#e6e6e6; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#969696; float:left; margin:0 10px 0 0; display:inline; cursor:pointer; font-size:14px; font-weight:bold;}
#addinfo a{ font-size:14px; font-weight:bold; background:url(images/main/addinfoblack.jpg) no-repeat 0 1px; padding:0px 0 0px 20px; line-height:45px;}
#addinfo a:hover{ background:url(images/main/addinfoblue.jpg) no-repeat 0 1px;}
</style>
</head>
<body>
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
  <tr>
    <td width="99%" align="left" valign="top">您的位置：用户管理&nbsp;&nbsp;>&nbsp;&nbsp;添加用户</td>
  </tr>
  <tr>
    <td align="left" valign="top" id="addinfo">
      <a href="#" target="mainFrame" onFocus="this.blur()" class="add">企业基本信息</a>
      <a href="add_business" target="mainFrame" onFocus="this.blur()" class="add">企业工商信息</a>
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
    <form method="post" action="add">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">企业名称：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" value="" class="text-word" name="company_name">
        </td>
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">行业：</td>
        <td id="industry">
          <select class="industry" id="0"  name="industry[]">
            <option value="">全部</option>
            {volist name="industry" id='vo'}
            <option value="{$vo.id}">{$vo.industry_name}</option>
            {/volist}
          </select>
        </td>>
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">产业链：</td>
        <td id="chain">
          <select class="chain" id="0"  name="chain[]">
            <option value="">全部</option>
            {volist name="chain" id='vo'}
            <option value="{$vo.id}">{$vo.chain_name}</option>
            {/volist}
          </select>
        </td>>
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">地区三级联动：</td>
        <td>
          <select class="prov" id="prov"  name="province_id">
            <option value="">全部</option>
            {volist name="city.province" id='vo'}
            <option value="{$vo.id}">{$vo.city_name}</option>
            {/volist}
          </select>
          <select class="city" id="city" name="city_id" ><option value="">城市</option></select>
          <select name="area_id" id="dist" class="dist"><option value="">县/区</option></select>
        </td>>
      </tr>

      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">联系人：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" name="contact" value="" class="text-word">
        </td>
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">电话：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" name="phone" value="" class="text-word">
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">来源：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" name="from" value="" class="text-word">
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">简介：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" name="desc" value="" class="text-word">
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">外链：</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input type="text" name="url" value="" class="text-word">
      </tr>
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
          <input name="" type="submit" value="提交" class="text-but">
          <input name="" type="reset" value="重置" class="text-but"></td>
      </tr>
    </table>
    </form>
    </td>
    </tr>
</table>
</body>
<script>
  $(".chain").slice(1,3).remove();
$('#prov').change(function(){
  var url="{:url('common/get_city')}";
  var id=$(this).val();
  console.log(id);

  $.post(url,{id:id},function(res){
     console.log(res);

     var str='<option value="">全部</option>';
     $.each(res.data,function(n,v){
       str+='<option value='+v.id+'>'+v.city_name+'</option>';
     })
    $('#city').html(str);
    $('#dist').html('<option value="">全部</option>');
  },'json');
})
$('#city').change(function(){
  var url="{:url('common/get_city')}";
  var id=$(this).val();
  console.log(id);
  $.post(url,{id:id},function(res){
    console.log(res);

    var str='<option value="">全部</option>';
    $.each(res.data,function(n,v){
      str+='<option value='+v.id+'>'+v.city_name+'</option>';
    })
    $('#dist').html(str);

  },'json');
})
$("#chain").on("change","select", function() {

    id=$(this).val();


    level=$(this).attr('id');


      console.log(level);
      var start=level*1+1;
      var end=$('.chain').length;
      console.log(start);
      console.log(end);
      $(".chain").slice(start,end).remove();
      if(id==''){
        return;
      }
    level++;
    var obj=$(this);
    var url="{:url('common/chain')}";



    var chain=$('.chain');

    $.post(url,{id:id},function(res){

      if(res.data.length<=0){
        return;
      }
      var str=' <select class="chain" id="'+level+'"  name="chain[]"><option value="">全部</option>';
      $.each(res.data,function(n,v){
        str+='<option value='+v.id+'>'+v.chain_name+'</option>';
      })



      str+='</select>';

      console.log(str);
      $("#chain").append(str);



    },'json');

  })

  $("#industry").on("change","select", function() {

    id=$(this).val();


    level=$(this).attr('id');


    console.log(level);
    var start=level*1+1;
    var end=$('.industry').length;
    console.log(start);
    console.log(end);
    $(".industry").slice(start,end).remove();
    if(id==''){
      return;
    }
    level++;
    var obj=$(this);
    var url="{:url('common/industry')}";



    var industry=$('.industry');

    $.post(url,{id:id},function(res){

      if(res.data.length<=0){
        return;
      }
      var str=' <select class="industry" id="'+level+'"  name="industry[]"><option value="">全部</option>';
      $.each(res.data,function(n,v){
        str+='<option value='+v.id+'>'+v.industry_name+'</option>';
      })



      str+='</select>';

      console.log(str);
      $("#industry").append(str);



    },'json');

  })


  $(function () {

    $("#myInput").on("input", function () {
      var keyword=$(this).val();
      console.log(keyword);
      var url="{:url('common/get_company')}?keyword="+keyword;
      $.post(url,{keyword:keyword},function (res) {
        var str='<option value="">全部</option>';
        $.each(res,function(n,v){
          str += '<option value=' + n + '  >' + v + '</option>';
        })
        $('#com').html(str);
      },'json')
    });

  });
</script>

</html>